<template>
	<view class="page">

		<view class="oermin">


			<view class="bhjsd fbc bandnxs">
				<view>
					<view class="fc">
						<text class="userNmae">高翔</text>
						<text class="role">配送员</text>
					</view>
					<view class="ordersSate">19:30 配送员已取餐</view>
				</view>
				<view class="arrowRight" @click="callUser">
					<u-icon name="phone-fill" color="#2192e6" size="50"></u-icon>
				</view>
			</view>

			<view class="bhjsd  bandnxs">
				<view class="fbc">
					<view>
						<view class="fc">
							<text class="userNmae">高翔先生</text>
							<view class="ordersSate">尾号0552</view>
						</view>
						<view class="ordersSate">地址 台州学院2号楼</view>
						<view class="ordersSate">19:30分前送达</view>
					</view>
					<view class="arrowRight" @click="callUser">
						<u-icon name="phone-fill" color="#2192e6" size="50"></u-icon>
					</view>
				</view>
				<view class="taostTitle">4件商品</view>
				<view class="fbc">
					<view class="ordersSate">可乐薯片</view>
					<view>
						<text class="ordersSate itemnum">x1</text>
						<text class="ordersSate itemMoney">￥28.8</text>
					</view>
				</view>
				<view class="fbc">
					<view class="ordersSate">方便面</view>
					<view>
						<text class="ordersSate itemnum">x150</text>
						<text class="ordersSate itemMoney">￥145.6</text>
					</view>
				</view>
				
				<view class="fbc">
					<view class="ordersSate">方便面</view>
					<view>
						<text class="ordersSate itemnum">x150</text>
						<text class="ordersSate itemMoney">￥145.6</text>
					</view>
				</view>
				
				<view class="fbc">
					<view class="ordersSate">水</view>
					<view>
						<text class="ordersSate itemnum">x988</text>
						<text class="ordersSate itemMoney">￥9828.8</text>
					</view>
				</view>
				<view class="fbc">
					<view class="ordersSate">方便面</view>
					<view>
						<text class="ordersSate itemnum">x150</text>
						<text class="ordersSate itemMoney">￥145.6</text>
					</view>
				</view>
				<view class="fbc hejibx">
					<text class="hejitxt">总计</text>
					<text class="hejitxtNum">￥41.5</text>
				</view>
			</view>

			<view class="bhjsd bandnxs">
				<view class="beizhu">备注</view>
				<textarea class="diasnd" placeholder="请输入备注"  @confirm='sendRemarks' />
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},

		onLoad() {},
		onShow() {},
		methods: {
			sendRemarks(e) {
				console.log('您输入的内容：', e.detail.value)
				uni.showToast({
					icon: 'none',
					title: '您输入的内容：' + e.detail.value
				})
			},
			callUser() {
				uni.makePhoneCall({
					phoneNumber: '114'
				});
			}
		}
	};
</script>

<style scoped>
	@import url('orderInfo.css');
</style>
